{% extends "base.html" %}

{% block content %}
    <!--content begin-->
    <div class="content">
        <div class="wrapper">
            <!--main begin-->
            <div class="main">{% block main %}{% endblock main %}</div>
            <!--main end-->
            <!--sidebar begin-->
            <div class="sidebar">
                {% block profile %}
                <div class="profile">
                    <a href="/{{ user.screen_name }}" class="profile_avatar" title="profile">
                        <img src="{{ user.profile_image_url }}" alt="{{ user.screen_name }}" />
                        <b>{{ user.screen_name }}</b><span>{{ user.statuses_count }} tweets</span>
                    </a>
                    <ul class="stats">
                        <li>{{ user.friends_count }}<a href="/friends/">following</a></li>
                        <li>{{ user.followers_count }}<a href="/follwers/">followers</a></li>
                        <li>/<a href="/{{ user.screen_name }}/lists/memberships">listed</a></li>
                    </ul>
                </div>
                {% endblock profile %}
                
                {% block user_ralated %}
                <ul class="side_nav">
                    <li><a class="current" href="/" title="">Home</a></li>
                    <li><a href="/{{ user.screen_name }}" title="">Updates</a></li>
                    <li><a href="/replies" title="">@{{ user.screen_name }}</a></li>
                    <li><a href="/inbox" title="">Direct Messages</a></li>
                    <li><a href="/favorites" title="">Favorites</a></li>
                    <li><a href="/retweets_by_others" title="">Retweetes</a></li>
                </ul>
                {% endblock user_ralated %}
                
                {% block search %}
                <div class="search">
                    <input type="text" name="keyword" />
                    <a href="#" title="">Search</a>
                </div>
                {% endblock search %}
                
                {% block lists %}
                <div class="lists">
                    <h4>Lists</h4>
                    <ul class="side_nav list">
                        <!-- <li><a href="#" title>PPLive</a></li> -->
                    </ul>
                </div>
                {% endblock lists %}
                
                {% block trending %}
                <div class="lists">
                    <h4>Trending: Worldwide</h4>
                    <ul class="side_nav list">
                        <!-- <li><a href="#" title>PPLive</a></li> -->
                    </ul>
                </div>
                {% endblock trending %}
                
                {% block following %}
                <div class="lists">
                    <h4>Following:</h4>
                    <div class="following">
                        <!-- <a href="#" title=""><img src="http://a1.twimg.com/profile_images/226648302/2_normal.jpg" alt="xushengs" /></a> -->
                    </div>
                </div>
                {% endblock following %}
            </div>
            <!--sidebar end-->

            <div class="clear"></div>
        </div>
        <div class="c_bottom"></div>
    </div>
    <!--content end-->
{% endblock content%}